* {
  margin: 0;
  padding: 0;
}

.big-box {
  width: 1210px;
  height: 860px;
  padding: 0 10px;
  /* background-color: wheat; */
}

/* 第一排 */
.big-box .first-row {
  width: 1210px;
  height: 90px;
  /* background-color:#fb6d49; */
  margin-left: 7px;

}

.big-box .first-row div {
  width: 288px;
  height: 90px;
  border-radius: 5px;
  margin-right: 14px;
}

/* 第一排第一个盒子 */
.big-box .first-row .first .spannel {
  width: 288px;
  height: 75px;
  padding-top: 15px;
  background-color: #fb6d49;
  display: flex;
  justify-content: center;
}

.big-box .first-row .first .spannel img {
  width: 40px;
  height: 40px;
  padding: 10px;
}

.big-box .first-row .first .spannel p {
  width: 80px;
  height: 42px;
  /* background-color: red; */
  padding: 10px;
  font-size: 16px;
  color: white;
}

/* 第一排第二个盒子 */
.big-box .first-row .second .spannel {
  width: 288px;
  height: 75px;
  padding-top: 15px;
  background-color: #66c23a;
  display: flex;
  justify-content: center;
}

.big-box .first-row .second .spannel img {
  width: 40px;
  height: 40px;
  padding: 10px;
}

.big-box .first-row .second .spannel p {
  width: 96px;
  height: 42px;
  /* background-color: red; */
  padding: 10px;
  font-size: 16px;
  color: white;
}

/* 第一排第三个盒子 */
.big-box .first-row .three .spannel {
  width: 288px;
  height: 75px;
  padding-top: 15px;
  background-color: #e6a13c;
  display: flex;
  justify-content: center;
}

.big-box .first-row .three .spannel img {
  width: 40px;
  height: 40px;
  padding: 10px;
}

.big-box .first-row .three .spannel p {
  width: 96px;
  height: 42px;
  /* background-color: red; */
  padding: 10px;
  font-size: 16px;
  color: white;
}

/* 第一排第四个盒子 */
.big-box .first-row .four .spannel {
  width: 288px;
  height: 75px;
  padding-top: 15px;
  background-color: #3a7ce7;
  display: flex;
  justify-content: center;
}

.big-box .first-row .four .spannel img {
  width: 40px;
  height: 40px;
  padding: 10px;
}

.big-box .first-row .four .spannel p {
  width: 96px;
  height: 42px;
  /* background-color: red; */
  padding: 10px;
  font-size: 16px;
  color: white;
}

/* 第二排 */
.big-box .second-row {
  width: 1210px;
  height: 350px;
  /* background-color: yellowgreen; */
  margin: 0 auto;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.big-box .second-row .box1  {
  width: 387px;
  height: 328px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px
}
.big-box .second-row .first .box1 .box2{
  width: 387px;
  height: 44px;
  background-color: #ccc;
}
.big-box .second-row .first .grid-demo {
  width: 357px;
  height: 44px;
  /* background-color: #ddd; */
  line-height: 44px;
  box-sizing: border-box;
  /* padding: 0 15px; */
  margin: 0 auto;
  font-size: 16px;
  color: #000;
}
.big-box .second-row .first div .box{
  width: 387px;
  height: 280px;
}
.big-box .second-row .first div .box .box-box  {
  padding: 0 15px;
  width: 357px;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px dashed #eee;
}
.big-box .second-row .first div .box .box-box div {
  font-size: 16px;
}
.big-box .second-row .first div .box .box-box .info{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 40px;
  border-bottom: 1px dashed #eee;
  font-size: 14px;
}


/* 第三排 */
.big-box .three{
  width: 1210px;
  height: 400px;
  background-color: #ffffff;
}
.big-box .three .three-title {
  height: 80px;
  /* background-color: #66c23a; */
  line-height: 80px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #7c91d3;
}
